<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
后台首页
<script type="text/javascript">

    new Vue({
        el:"#app",
        data:{
            menu: [{
                id: 1,
                label: '系统管理',
                children: [{
                    label: '商品管理',
                    url:"/goods/goodsPage.html"
                },{
                    label: '订单管理',
                    url:"/order/orderPage.html"
                }
                ]
            }, {
                label: '一级 2',
                children: [{
                    label: '二级 2-1',
                    children: [{
                        label: '三级 2-1-1'
                    }]
                }, {
                    label: '二级 2-2',
                    children: [{
                        label: '三级 2-2-1'
                    }]
                }]
            }, {
                label: '一级 3',
                children: [{
                    label: '二级 3-1',
                    children: [{
                        label: '三级 3-1-1'
                    }]
                }, {
                    label: '二级 3-2',
                    children: [{
                        label: '三级 3-2-1'
                    }]
                }]
            }],
            defaultProps: {
                children: 'children',
                label: 'label'
            }
        },
        methods:{
            handleNodeClick(data) {
                //子菜单，可以跳转
                if(data.children==null){
                    console.log(data)
                    console.log(data.url);
                    document.getElementById("iframe").src=data.url;
                }
            }

        }
    })

</script>
</body>
</html>